<template>
  <footer>
    <div class="info">
      <div style="margin-bottom: 10px">
        <a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank"
          >蒙ICP备2023002235号</a
        >
      </div>
      <div>©{{ year }} {{ host }}</div>
    </div>
    <div>版权声明：本网站所有文章未加标注均为原创 （ksdhy.dev@gmail.com）</div>
  </footer>
</template>
<script setup>
const year = new Date().getFullYear();
const host = window.location.host;
</script>

<style scoped>
footer {
  text-align: center;
  color: #ccc;
  background-color: #000;
  font-size: 12px;
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
  padding: 10px 15px;
  box-sizing: border-box;
}
.info {
  display: flex;
}
footer a {
  color: #ccc;
  text-decoration: none;
  display: inline-block;
  margin-right: 20px;
}
footer a:hover {
  color: #fff;
}
@media screen and (max-width: 768px) {
  footer {
    display: none;
  }
}
</style>
